window.pageTools = window.pageTools || {};

(function () {
  function Login(isLogin, superViewSelector, eventListener) {
    this.isLogin = isLogin;// 用来判断是登录还是注册
    this.superView = $(superViewSelector);
    this.init();
    this.eventListener = eventListener;
  }

  pageTools.Login = Login;
})();

pageTools.Login.prototype.init = function () {
  var isShow = this.isLogin ? 'none' : 'block'; // 登录或注册对话框确认按钮要不要显示
  var buttonText = this.isLogin ? '登录' : '注册'; // 设置提交按钮上的文字内容

  // 添加对话框DOM，修正了HTML字符串的格式
  this.dialog = $('<div class="dialog">\
          <button class="close-btn">&times;</button>\
          <div class="input-box">\
              <input type="text" placeholder="用户名">\
              <input type="password" placeholder="密码">\
              <input type="password" placeholder="确认密码" class="again-pwd" style="display: '+ isShow + '">\
              <button class="btn">'+ buttonText + '</button>\
          </div>\
      </div>');

  // 添加DOM到文档中
  this.superView.append(this.dialog);
  //如果是登录则不显示确认密码框，如果是注册则显示
  $('.again-pwd').css('display', isShow);

  // 添加关闭事件
  $('.close-btn').click(function () {
    this.dialog.remove(); // 清除dialog这个div中的所有内容，包括自身
    this.dialog = null; // 垃圾回收处理
    if(this.eventListener) {
      this.eventListener();
    }
  }.bind(this));
  $('.btn').click(function () {
    this.dialog.remove(); // 清除dialog这个div中的所有内容，包括自身
    this.dialog = null; // 垃圾回收处理
    if(this.eventListener) {
      this.eventListener();
    }
  }.bind(this));
};

// 在主函数中设置全局变量loginView，用于存放对话框DOM，并添加登录注册的点击事件处理函数。
var loginView = null;

function loginRegisterAction(event) {
  event.preventDefault();
  if (!loginView) {
    var type = $(event.target).data('type') === 'login';
    loginView = new pageTools.Login(type, 'body', function () {
        loginView = null;
    });
  }
}

// 主函数(入口函数)
function main() {
  $('.login, .register').click(loginRegisterAction);

  var datas = [
        {
            id: '001',
            title: '首页',
            url: '#',
            imageUrl: ''
        },
        {
            id: '002',
            title: '土豆生鲜',
            url: '#',
            imageUrl: ''
        },
        {
            id: '003',
            title: '新闻资讯',
            url: '#',
            imageUrl: ''
        },
        {
            id: '004',
            title: '特价商品',
            url: '#',
            imageUrl: ''
        },
        {
            id: '005',
            title: '企业直采',
            url: '#',
            imageUrl: ''
        },
        {
            id: '006',
            title: '商家入驻',
            url: '#',
            imageUrl: ''
        }
  ];

  function nav() {
    new pageTools.Nav('.nav_container', datas, function () { });
  }

  var swiper = new Swiper('.swiper-container', {
    autoplay: true,
    pagination: {
      el: '.swiper-pagination',
    },
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
  });



  nav();
}

main();